<template>
    <div class="app">
         <navbar class="navbarb">  
            <navbar-item type="back"></navbar-item> 
            <navbar-item type="title">
                <text class="headtext">帮助</text>
                
            </navbar-item>
            
        </navbar>
        <div class="content">
            <text class="toptext">常见问题</text>
            <wxc-cell label="热门问题"
                :has-arrow="true"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true"></wxc-cell>
                <wxc-cell label="校园乐跑"
                :has-arrow="true"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true"></wxc-cell>
                <wxc-cell label="认证账号"
                :has-arrow="true"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true"></wxc-cell>
                <wxc-cell label="规则问题"
                :has-arrow="true"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true"></wxc-cell>
                <wxc-cell label="登录问题"
                :has-arrow="true"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true"></wxc-cell>
                <wxc-cell label="其他问题"
                :has-arrow="true"
                @wxcCellClicked="wxcCellClicked"
                :has-margin="true"></wxc-cell>

        </div>
    </div>
</template>
<script>
import { WxcCell } from 'weex-ui';
export default {
    components: { WxcCell },
    data () {
        return {
            
        }
    },
     methods: {
      wxcCellClicked (e) {
          eeui.openPage({
                    url: 'helpdetail.js',
                    statusBarColor:'#1eb76e',
                    pageName:'问题帮助',
                    animated:true,
                }, function(result) {
                    //......
                }); 
      }
    }
}
</script>
<style scoped>
.navbarb{
        width: 750px;
        height: 100px;
        background-color: #1eb76e;
    }
     .headtext {
        font-size: 30px;
        color: #ffffff;
    }
    .toptext{
        height: 100;
        background-color: #eaeaea;
        line-height: 100;
        padding-left: 30;
        font-size: 30;
        color: #666;
    }
</style>